<template>
  <div id="app">
    <top-menu></top-menu>

    <el-row>
      <el-col :span="3">
        <left-menu></left-menu>
      </el-col>
      <el-col :span="21">
        <router-view></router-view>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import TopMenu from "./components/TopMenu.vue";
import LeftMenu from "./components/LeftMenu.vue";

export default {
  components: {
    LeftMenu,
    TopMenu},
  name: 'App'
}
</script>

<style>
#app {
  /*font-family: 'Avenir', Helvetica, Arial, sans-serif;*/
  /*-webkit-font-smoothing: antialiased;*/
  /*-moz-osx-font-smoothing: grayscale;*/
  /*text-align: center;*/
  /*color: #2c3e50;*/
  /*margin-top: 60px;*/
}
</style>
